<!--
 * Copyright TLR Team, Inc. All Rights Reserved.
-->

<div class="user2-bg">
    <div class="container-fluid">
        <!-- /.row -->
        <div class="row">
            <div class="device-item-title item-font title-bg">
                <div class="device-title-txt">健康仪绑定</div>
                <div class="right-triangle"></div>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-12 device-item-container">
                <div class="device-item background item-font tlr-form-control-layout">
                    <div class="tlr-reg-label">设备码<span style="color:red;">*</span></div>
                    <div style="margin-left:10px;margin-top:12px;float:left;height:30px;max-width:110px;border-bottom:1px solid grey;" class="device-id">
                        <span style='font-size:13px;'>{{eban.deviceMac}}</span>
                    </div>
                    <div ng-click="scanQRCode()" style="margin-right:10px;float:right; font-size:15px; margin-top: 15px;width:50px;height:30px;background-color:#5D5D5D;border-radius: 5px;">
                        <div style="padding-top: 5px;">扫码</div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-12 device-item-container" style="margin-top: 0px;">
                <div class="device-item background item-font tlr-form-control-layout tlr-form-first-offset">
                    <div class="tlr-reg-label">名字<span style="color:red;">*</span></div>
                    <div style="padding-left:10px;float:left;">
                        <input type="text" class="form-control tlr-login-input" ng-model="eban.name">
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-12 device-item-container" style="margin-top: 0px;">
                <div class="device-item background item-font tlr-form-control-layout tlr-form-first-offset">
                    <div class="tlr-reg-label">昵称<span style="color:red;">*</span></div>
                    <div style="padding-left:10px;float:left;">
                        <input type="text" class="form-control tlr-login-input" ng-model="eban.nickname">
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-12 device-item-container" style="margin-top: 0px;">
                <div class="device-item background item-font tlr-form-control-layout">
                    <div class="tlr-reg-label">手机<span style="color:red;">*</span></div>
                    <div style="padding-left:10px;float:left;">
                        <input type="text" class="form-control tlr-login-input" ng-model="eban.tel" ng-blur="onCheckTel(eban.tel)">
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-12 device-item-container" style="margin-top: 0px;">
                <div class="device-item background item-font tlr-form-control-layout">
                    <div class="tlr-reg-label">性別</div>
                    <div style="padding-left:10px;float:left;">
                        <table>
                            <tbody>
                            <td>
                            <tr>
                            <div class="tlr-reg-label">
                                <input type="radio" name="regisger_sex" id="optionsRadios" value="0"  ng-model="eban.sex">男
                            </div>
                            </tr>
                            <tr>
                            <div class="tlr-reg-label">
                                <input type="radio" name="regisger_sex" id="optionsRadios" value="1"  ng-model="eban.sex">女
                            </div>
                            </tr>
                            </td>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-12 device-item-container" style="margin-top: 0px;">
                <div class="device-item background item-font tlr-form-control-layout">
                    <div class="tlr-reg-label">身高(厘米)<span style="color:red;">*</span></div>
                    <div style="padding-left:10px;float:left;max-width:80px;">
                        <input type="text" class="form-control tlr-login-input" ng-model="eban.height" ng-blur="onCheckHeight(eban.height)">
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-12 device-item-container" style="margin-top: 0px;">
                <div class="device-item background item-font tlr-form-control-layout">
                    <div class="tlr-reg-label">体重(公斤)<span style="color:red;">*</span></div>
                    <div style="padding-left:10px;float:left;max-width:80px;">
                        <input type="text" class="form-control tlr-login-input" ng-model="eban.weight" ng-blur="onCheckWeight(eban.weight)">
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-12 device-item-container" style="margin-top: 0px;">
                <div class="device-item background item-font tlr-form-control-layout">
                    <div class="tlr-reg-label">生日<span style="color:red;">*</span></div>
                    <div style="padding-left:10px;float:left;">
                        <input id="dob_eban_id" type="text" maxlength="10" class="form-control tlr-login-input" ng-model="eban.dob">
                        <script type="text/javascript">
                                    $("#dob_eban_id").datetimepicker({
                                        language: "zh-CN",
                                        format: "yyyy-mm-dd",
                                        minView: 2,
                                        autoclose: true,
                                        todayBtn: true,
                                        pickerPosition: "top-left"
                                    });
                        </script>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-12 device-item-container" style="margin-top: 0px;">
                <div class="device-item background item-font tlr-form-control-layout">
                    <div class="tlr-reg-label">地址<span style="color:red;">*</span></div>
                    <div style="padding-left:10px;float:left;">
                        <input type="text" class="form-control tlr-login-input" ng-model="eban.address">
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-12 device-item-container" style="margin-top: 8px;">
                <div class="device-item background item-font" style="height:60px;text-align:center;font-size:20px;">
                    <div style="padding-top: 18px;" ng-click="ebanDeviceBind()" ><span class="item-font">绑定</span></div>
                </div>
            </div>
        </div>
        <!-- /.row -->
    </div>
</div>
